#{extends 'main.html' /}
#{set 'moreStyles'}#{stylesheet 'utilisateur.css' /}#{/set}
#{set title:'Transat | Mon bateau' /}


<h2>Modifier vos préférences de bateau</h2>

<div id="fil_ariane">
	<a href="@{Utilisateurs.index()}">Retour au profil</a> 
</div>



<div id="editer_bateau">
	<div id="form_error">
		#{ifErrors}
			<div class="form_notification">Il y a des erreurs dans le formulaire</div>
			<ul class="sujet error">
				#{list errors, as:'erreur'}
					<li>${erreur}</li>
				#{/list}
			</ul>
		#{/ifErrors}
		
		#{if message}
			<div class="form_notification">Il y a des erreurs dans le formulaire</div>
			<ul class="sujet error">
				<li>${message}</li>
			</ul>
		#{/if}
	</div>	
	
	<div id="form_1">
		#{form @Modeles_bateau.editerAction()}
			<div class="form_field">
				<label>Nom du bateau</label>
				<input type="text" name="nomBateau" value="${nomBateau}"/>
			</div>

			<div class="form_field">
				<label>Couleur du bateau</label>
				<select name="couleur_id">
				#{list couleurs, as:'couleur'}
					#{if couleur_id == couleur.id}
						<option value="${couleur.id}" selected="selected" style="color:${couleur.code_couleur};">${couleur.libelle_couleur}</option>
					#{/if}
					#{else}
						<option value="${couleur.id}" style="color:${couleur.code_couleur};">${couleur.libelle_couleur}</option>
					#{/else}
				#{/list}
				</select>
			<div class="form_field">	
		
			<div class="form_field">
				<label></label>
				<input type="submit" value="Editer"></input>
			</div>			
		#{/form}
	</div>
</div>
